<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <link rel="stylesheet" type="text/css" href="css/estiloMenu.css" />
  <title>Menu drop-down</title>

  <script type="text/javascript">
    function Mostrar(objeto) 
	{
	  var id = objeto.id;
	  id = id.replace('_m','');
	  var indice = document.getElementById( id + '_e' );
	  var menu = document.getElementById( 'menu_' + id );
	  menu.style.display = 'block';
      objeto.style.display = 'none';
	  indice.style.display = 'block';
	}
	function Esconder(objeto)
	{
	  var id = objeto.id;
	  id = id.replace('_e','');
	  var indice = document.getElementById( id + '_m' );
	  var menu = document.getElementById( 'menu_' + id );
	  menu.style.display = 'none';
	  objeto.style.display = 'none';
	  indice.style.display = 'block';
	}
	
	function MenuHome(){  
		window.open ("home.php", target="_self");  
	}  
	
  </script>
</head>
 
<body>
  <!-- menu.php
  	   Menu composto por itens e subitens. Utiliza as funcoes Mostrar() e Esconder() e o css EstiloMenu.css 
    	  que gerenciam a exibicao dos itens e as cores de fonte e fundo dos mesmos.
    	  Quando for preciso incluir um novo item ou subitem atente para a especificacao dos ids dos mesmos.  
  -->
  <div id="int_menu">
    <ul>
    <li>
    <p id="1_m" onclick="MenuHome (this);">Inicio</p>
    </ul>
    </li>

    <li>
    <p id="2_m" onclick="Mostrar(this);">Pascientes</p>
    <p id="2_e" onclick="Esconder(this);" style="display:none" class="ativo">Pascientes</p>
    <ul id="menu_2" style="display:none">
    <li><a href="PacC.php"> Consulta</a></li>
    <li><a href="PacI.php"> Adicionar</a></li>
    <li><a href="#"> Alterar Ficha</a></li>
    </ul>
    </li>
	
    <li>
    <p id="3_m" onclick="Mostrar(this);">Usuarios</p>
    <p id="3_e" onclick="Esconder(this);" style="display:none" class="ativo">Usuarios</p>
    <ul id="menu_3" style="display:none">
    <li><a href="atorAlterarSenha.php"> Alterar Senha</a></li>
    <li><a href="atorC.php"> Listar</a></li>
    <li><a href="atorI.php"> Adicionar</a></li>
    </ul>
    </li>
	
    </ul>
</div>
</body>
</html>